<template>
    <Layout>

        <v-row>
            <template v-for="service in $page.KuERP.allDevService">
                <v-col cols="12" sm="3">
                    <v-hover v-slot:default="{ hover }">
                        <v-card flat :hover="hover" style="padding: 10px"
                                :href="'/pservice/'+service.id">
                            <g-image :src="odooUrl+'/web/image/dev.service/'+service.id+'/image'"
                                     style=" display: inline-block;  height: auto;  max-width: 100%;"></g-image>
                            <a>{{service.name}}</a>
                            <v-card-title class="title white--text">
                                <p class="caption font-weight-medium font-italic text-left"> {{ service.name }} </p>
                            </v-card-title>
                        </v-card>
                    </v-hover>
                </v-col>
            </template>
        </v-row>
    </Layout>
</template>
<page-query>
    query {
    KuERP{
    allDevService {
    id
    name
    topic
    }
    }
    }
</page-query>
<script>
    import config from '../../gridsome.config';

    export default {
        metaInfo: {
            title: "技术服务",
            meta: [{name: "description", conetnt: "技术服务"},
                {name: "keywords", content: "技术服务"},
                {"http-equiv": "X-UA-Compatible", content: "IE=edge"},
                {
                    name: "viewport",
                    content: "width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
                }, {name: "apple-mobile-web-app-capable", content: "yes"},
                {name: "apple-mobile-web-app-status-bar-style", content: "black"},
                {name: "format-detection", content: "telephone=no"},
                {property: "og:type", content: "website"},
                {
                    property: "og:title",
                    content: "技术服务"
                },
                {
                    property: "og:description",
                    content: "技术服务"
                },
                {
                    property: "og:image",
                    content: "https://www.kaikong.cn/web/image/res.company/1/logo?unique=2742a8f"
                },
                {property: "og:url", content: config.siteUrl + "/service"}]
        },
        data() {
            return {cat: '', odooUrl: config.odooUrl,}
        }
    }
</script>

<style>
    .home-links a {
        margin-right: 1rem;
    }


</style>
